<template>
    <div class="layout-container">
        <div class="layout-aside">
            <slot name="aside"></slot>
        </div>
        <div class="layout-content">
            <slot></slot>
        </div>
        <div class="layout-right">
            <slot name="right"></slot>
        </div>
    </div>
</template>

<script>
export default {
    setup() {


        return {}
    }
}
</script>

<style scoped>
.layout-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.layout-aside,
layout-right {
    flex: 0 0 auto;
}

.layout-content {
    flex: 1 1 auto;
}
</style>